<template>
<div>
 <div class="box">
        <h1>人员涌入流失对比图</h1>
        <!-- <TimePicker></TimePicker> -->
  <barChart></barChart>
   <TimePicker></TimePicker>
    </div>
    
      
   
</div>
   
    </template>
    <script>
    import barChart from './barChart.vue';
    import TimePicker from './TimePicker.vue';
    export default{
        data(){
            return{
                
            }
        },
        components:{
            barChart,TimePicker
        }
    }
    </script>
    <style scoped>
    *{
        color: white;
        position: relative;
    }
    h1{
        font-size: 25px;
        margin-left: 20px;
        margin-top: -170px;
        position:absolute;
        /* border: rgb(240, 233, 233) 1px solid; */
    }
.box{
     /* border: rgb(221, 95, 95) 1px solid; */
    width: 420px;
    height:auto;
    position:absolute ;
    /* position: relative; */
    margin-left: -10px;
    margin-top: 49px;
    /* border-top: white 2px solid; */
}
</style>